<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="../static/bootstrap-3.4.1/dist/css/bootstrap.min.css">
    <script src="../static/jQuery-v3.6.0/jQueryv3.6.0.js"></script>
    <script src="../static/bootstrap-3.4.1/dist/js/bootstrap.min.js"></script>
</head>

<body>
    <div style="padding: 50px 50px 10px;">
        <form class="bs-example bs-example-form" role="form">
           <div class="input-group">
              <span class="input-group-addon" for="aaa" >$</span>
              <label class="input-group-addon" for="aaa" >$</label>
              <input type="text" class="form-control" placeholder="twitterhandle" id="aaa">
           </div>
           <br>
                <div class="input-group input-group-lg">
              <span class="input-group-addon" for="aaa" >$</span>
              <label class="input-group-addon" for="aaa" >$</label>
              <input type="text" class="form-control" placeholder="twitterhandle" id="aaa">
           </div>   
            <br>
           <div class="input-group input-group-sm">
              <span class="input-group-addon" for="aaa" >$</span>
              <label class="input-group-addon" for="aaa" >$</label>
              <input type="text" class="form-control" placeholder="twitterhandle" id="aaa">
           </div>
           <br>
           <div class="input-group">
              <input type="text" class="form-control">
              <span class="input-group-addon">.00</span>
           </div>
           <br>
           <div class="input-group">
              <span class="input-group-addon">$</span>
              <input type="text" class="form-control">
              <span class="input-group-addon">.00</span>
           </div>
        </form>
    </div>
    <div style="padding: 10px 10px 10px;">
        <form class="bs-example bs-example-form" role="form">
           
            <div class="input-group">
                <!-- <span class="input-group-addon">
                   <input type="checkbox">
                </span> -->
                <label class="input-group-addon" for="aaa" >
                    <input type="checkbox">
                 </label>
                <input type="text" class="form-control" id="aaa">
             </div><!-- /input-group -->

             <div class="input-group">
                <span class="input-group-addon">
                   <input type="radio">
                </span>
                <input type="text" class="form-control">
             </div><!-- /input-group --> 
        </form>
    </div>

    <div class="input-group">
        <div class="input-group-btn">
           <button type="button" class="btn btn-default" 
              tabindex="-1">下拉菜单                  </button>
           <button type="button" class="btn btn-default 
              dropdown-toggle" data-toggle="dropdown" tabindex="-1">
              <!-- <span class="caret"></span> -->
              <span class="glyphicon glyphicon-glass"></span>
              <span class="sr-only">切换下拉菜单</span>
           </button>
           <ul class="dropdown-menu">
              <li><a href="#">功能</a></li>
              <li><a href="#">另一个功能</a></li>
              <li><a href="#">其他</a></li>
              <li class="divider"></li>
              <li><a href="#">分离的链接</a></li>
           </ul>
        </div><!-- /btn-group -->
        <input type="text" class="form-control">
     </div><!-- /input-group -->
</body>

</html>